view{box-sizing: border-box;}
image{
	width: 100%;
	height: 100%;
	display: block;
}
// top-wrap
.top-wrap, .top-con{
	height: 178rpx;
	width: 100%;
	// overflow: hidden;
}
.top-con{
	position: fixed;
	z-index: 2;
}
.search{
	height: 90rpx;
	padding-top: 14rpx;
	border-bottom: 1rpx solid #F5F5F5;
}
.top-tab{
	height: 88rpx;
}
.top-tab-item{
	width: 88rpx;
	text-align: center;
	line-height: 36rpx;
	background: #EEE;
	border-radius: 18rpx;
	margin-right: 40rpx;
	&:last-child{margin-right: 0;}
}
// list
.list-item{
	padding: 20rpx 30rpx;
}
.user-rank{
	margin-top: 20rpx;
	width: 80rpx;
	line-height: 32rpx;
	background: linear-gradient(90deg, #6F5A55 0%, #50433F 100%);
	border-radius: 18rpx;
}
.user_img{
	position: relative;
	width: 88rpx;
	height: 88rpx;
	border-radius: 50%;
	background: #D8D8D8;
	overflow: hidden;
}
.list-item-status{
	position: absolute;
	transform: translate(-4rpx,-18rpx);
	width: 96rpx;
	line-height: 32rpx;
	color: #fff;
	background: linear-gradient(90deg, #FC8383 0%, #E82E2E 100%);
	border-radius: 16rpx;
}
.user-name{
	max-width: 240rpx;
	height: 30rpx;
	line-height: 1.1;
}
.list-date{
	line-height: 20rpx;
	border-left: 1rpx solid #D8D8D8;
}
.list-item-data{
	line-height: 1.1;
}
.data-item{
	width: 400rpx;
	&:first-child{
		width: 340rpx;
	}
}
.col-e{
	width: 1rpx;
	height: 32rpx;
	background: #eee;
}
.list-btn{
	align-self: flex-start;
	width: 112rpx;
	line-height: 38rpx;
	color: #666;
	border-radius: 20rpx;
	border: 1rpx solid #EEE;
}
.red-btn{
	color: $red;
	border-color: $red;
}